﻿<phone:PhoneApplicationPage
    x:Class="Conqueror.WP.MapInspectorPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:telerikPrimitives="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Primitives"
    xmlns:telerikSlideView="clr-namespace:Telerik.Windows.Controls.SlideView;assembly=Telerik.Windows.Controls.Primitives"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="PortraitOrLandscape" Orientation="Portrait"
    mc:Ignorable="d"
    shell:SystemTray.IsVisible="False">
    <phone:PhoneApplicationPage.Resources>
        <Style x:Key="LoadingMapImageStyle" TargetType="telerikPrimitives:RadBusyIndicator">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate>
                        <telerikPrimitives:RadBusyIndicator AnimationStyle="AnimationStyle5"
                                            IsRunning="True" ContentPosition="Bottom" Content="Loading Map Data"
                                            VerticalAlignment="Stretch" HorizontalAlignment="Stretch"
                                            Foreground="{StaticResource PhoneAccentBrush}"/>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </phone:PhoneApplicationPage.Resources>

    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot" Background="Transparent">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>

        <telerikSlideView:PanAndZoomImage x:Name="web" Grid.Row="1" IsAnimated="True"
                                          ZoomMode="Free" BusyIndicatorStyle="{StaticResource LoadingMapImageStyle}"/>

        <Border Background="{StaticResource PhoneChromeBrush}" Opacity="0.9">
            <ScrollViewer VerticalScrollBarVisibility="Disabled" HorizontalScrollBarVisibility="Hidden">
                <StackPanel Orientation="Horizontal" Margin="12,6">
                    <TextBlock x:Name="title" Text=""
                           FontSize="{StaticResource PhoneFontSizeLarge}"
                           VerticalAlignment="Center"/>
                </StackPanel>
            </ScrollViewer>
        </Border>

        <Border Background="{StaticResource PhoneChromeBrush}" Opacity="0.9" Grid.Row="2"
                UseLayoutRounding="True">
            <telerikPrimitives:RadUniformGrid NumberOfRows="1" NumberOfColumns="2"
                                              Margin="12,6">
                <TextBlock Text="Territories"/>
                <TextBlock x:Name="territories" Text="" HorizontalAlignment="Right"
                           Foreground="{StaticResource PhoneSubtleBrush}"/>
            </telerikPrimitives:RadUniformGrid>
        </Border>
    </Grid>

</phone:PhoneApplicationPage>